آموزش دوره کامل جاوا اسکریپت مدرن با ES6 [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• تبلیغاتی Promo

• مقدمه ای بر جاوا اسکریپت Introduction to JavaScript

• Chrome و Brackets را نصب کنید Install Chrome and Brackets

• اولین برنامه جاوا اسکریپت شما Your First JavaScript Program

متغیرها و انواع داده ها Variables and Data Types

• معرفی Introduction

• ایجاد متغیرها Create Variables

• قوانین Rules

• حافظه Memory

• اعداد - مقدمه Numbers - Introduction

• اعداد - عملیات حسابی Numbers - Arithmetic Operations

• اعداد - اولویت اپراتور Numbers - Operator Precedence

• اپراتورها و اولویت اپراتور Operators and Operator Precedence

• اعداد - اپراتور بیشتر/شماره های ویژه Numbers - More Operator / Special Numbers

• فعالیت: اجتناب از جریمه سرعت! (چهار وظیفه) Activity: Avoid a Speeding Fine! (Four Tasks)

• رشته های Strings

• فعالیت: در سال 2040 چند ساله خواهید شد؟ (نه کار) Activity: How Old Will You Be in 2040? (Nine Tasks)

• بولین ها Booleans

• Booleans - عملگرهای منطقی Booleans - Logical Operators

• Booleans - اولویت عملگر Booleans - Operator Precedence

• Booleans - اپراتور سه تایی Booleans - Ternary Operator

• Booleans در مقابل Non Booleans Booleans Versus Non-Booleans

• فعالیت: آیا می گذرد؟ (شش وظیفه) Activity: Will You Pass? (Six Tasks)

• پوچ و تعریف نشده Null and Undefined

• نوع اجبار Type Coercion

• اشیاء Objects

• فعالیت: ادعای امتیاز اضافی (چهار وظیفه) Activity: Claim Extra Points (Four Tasks)

• آرایه ها Arrays

• چالش کدنویسی: به صندوقدار کمک کنید - مقدمه Coding Challenge: Help the Cashier - Introduction

شرطی و حلقه ای Conditional and Looping

• اگر بیانیه If Statement

• فعالیت: ضرب و شتم یوسین بولت (چهار وظیفه) Activity: Beat Usain Bolt (Four Tasks)

• سوئیچ بیانیه Switch Statement

• فعالیت: روزهای هفته (دو کار) Activity: Days of the Week (Two Tasks)

• برای بیانیه For Statement

• فعالیت: یافتن یک هتل در لندن (شش وظیفه) Activity: Find a Hotel in London (Six Tasks)

• در حالی که انجام بیانیه while do Statement

• انجام while بیانیه do while Statement

• فعالیت: برنامه 24 ساعته (پنج کار) Activity: 24h Schedule App (Five Tasks)

• چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - قسمت 1 Coding Challenge: Improve Your Cashier Code - Part 1

• چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - راه حل 1 Coding Challenge: Improve Your Cashier Code - Solution 1

• چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - قسمت 2 Coding Challenge: Improve Your Cashier Code - Part 2

• چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - راه حل 2 Coding Challenge: Improve Your Cashier Code - Solution 2

توابع (پایه و متوسط) Functions (Basic and Intermediate)

• معرفی Introduction

• فعالیت: برنامه ریز بودجه تعطیلات (دو کار) Activity: Holiday Budget Planner (Two Tasks)

• ارزش های بازگشتی Return Values

• فعالیت: موزه میامی (دو وظیفه) Activity: The Miami Museum (Two Tasks)

• عبور "بر اساس مقدار" در مقابل "بر اساس مرجع" Pass "by value" Versus "by reference"

• فعالیت: رافائل نادال در مقابل نواک جوکوویچ (چهار وظیفه) Activity: Rafael Nadal Versus Novak Djokovic (Four Tasks)

• توابع درجه یک First Class Functions

• فعالیت: حمله به مریخ (شش وظیفه) Activity: Mars Invasion (Six Tasks)

• بیانیه در مقابل بیان Statement Versus Expression

• فعالیت: گنج جزیره (چهار وظیفه) Activity: The Island Treasure (Four Tasks)

• IIFE: عبارات تابع فوری فراخوانی شده (متوسط) IIFE: Immediately Invoked Function Expressions (Intermediate)

• یک الگوی فراخوانی: بازگشت An Invocation Pattern: Recursion

• فعالیت: زنبورهای عسل فیبوناچی (دو کار) Activity: Fibonacci"s Honey Bees (Two Tasks)

• توابع JS داخلی Built-In JS Functions

• محدوده (متوسط) Scope (Intermediate)

• فعالیت: شبیه سازی قطار منچستر- قسمت لندن (هفت وظیفه) (1) Activity: Manchester- Part London Train Simulation (Seven Tasks) (1)

• فعالیت: شبیه سازی قطار منچستر- قسمت لندن (هفت وظیفه) - قسمت 2 Activity: Manchester- Part London Train Simulation (Seven Tasks) - Part 2

• چالش کدنویسی: آیا این نخست است؟ - معرفی Coding Challenge: Is It Prime? - Introduction

• چالش کدنویسی: آیا این نخست است؟ - منطق Coding Challenge: Is It Prime? - Logic

• چالش کدنویسی: آیا این نخست است؟ - راه حل Coding Challenge: Is It Prime? - Solution

• چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - معرفی Coding Challenge: Can You Count the Primes? - Introduction

• چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - منطق Coding Challenge: Can You Count the Primes? - Logic

• چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - راه حل Coding Challenge: Can You Count the Primes? - Solution

اشیاء Objects

• لفظ شیء Object Literals

• "نقطه نویسی" در مقابل "براکت" "Dot Notation" Versus "Brackets"

• فعالیت: هک دستور غذا (سه کار) Activity: Hack the Recipe (Three Tasks)

• سازندگان - کلمه کلیدی "جدید" - "این" Constructors - "new" Keyword - "this"

• نمونه اولیه Prototype

• فعالیت: مدیر هتل (10 وظیفه) - قسمت 1 Activity: The Hotel Manager (10 Tasks) - Part 1

• فعالیت: مدیر هتل (10 وظیفه) - قسمت 2 Activity: The Hotel Manager (10 Tasks) - Part 2

• فعالیت: مدیر هتل (10 وظیفه) - قسمت 3 Activity: The Hotel Manager (10 Tasks) - Part 3

• برابری Equality

• شی رشته String Object

• فعالیت: شیر، ببر یا غیره؟ (5 کار) - قسمت 1 Activity: Lion, tiger or else? (5 Tasks) - Part 1

• فعالیت: شیر، ببر یا دیگری؟ (پنج وظیفه) - قسمت 2 Activity: Lion, Tiger or Else? (Five Tasks) - Part 2

• تاریخ شیء (1) Date Object (1)

• تاریخ شیء (2) Date Object (2)

• فعالیت: آیا کتابخانه باز است؟ (شش وظیفه) - قسمت 1 Activity: Is the Library Open? (Six Tasks) - Part 1

• فعالیت: آیا کتابخانه باز است؟ (شش وظیفه) - قسمت 2 Activity: Is the Library Open? (Six Tasks) - Part 2

• فعالیت: آیا کتابخانه باز است؟ (شش وظیفه) - قسمت 3 Activity: Is the Library Open? (Six Tasks) - Part 3

• شیء ریاضی Math Object

• JSON JSON

• شی آرایه Array Object

• روش‌های آرایه: فیلتر کردن، برش و موارد دیگر Array Methods: Filtering, Slicing, and more

• با استفاده از forEach از طریق آرایه ها حلقه بزنید Loop Through Arrays Using forEach

• فعالیت: تور اروپا (چهار وظیفه) - قسمت 1 Activity: The Europe Tour (Four Tasks) - Part 1

• فعالیت: تور اروپا (چهار وظیفه) - قسمت 2 Activity: The Europe Tour (Four Tasks) - Part 2

DOM The DOM

• یادگیری HTML و CSS (1) Learn HTML and CSS (1)

• یادگیری HTML و CSS (2) Learn HTML and CSS (2)

• یادگیری HTML و CSS (3) Learn HTML and CSS (3)

• یادگیری HTML و CSS (4) Learn HTML and CSS (4)

• DOM را درک کنید Understand the DOM

• دسترسی به عناصر DOM (1) Access DOM Elements (1)

• دسترسی به عناصر DOM (2) Access DOM Elements (2)

• عناصر DOM را تغییر دهید Change DOM Elements

• عناصر DOM را حذف کنید Remove DOM Elements

• مدیریت رویداد (1) Event Handling (1)

• مدیریت رویداد (2) Event Handling (2)

• شی رویداد - کلیدها Event Object - Keys

• رویداد شی - رویدادهای ماوس Event Object - Mouse Events

• رویداد شی - اسکرول رویداد Event Object - Scroll Event

• رویداد شی - تمرکز Event Object - Focus

• شئ رویداد - preventDefault Event Object - preventDefault

• جاوا اسکریپت تک رشته ای Single Threaded JavaScript

• منحرف کننده Debouncing

• انتشار رویداد Event Propagation

• هیئت رویداد Event Delegation

• جی کوئری jQuery

زمینه اجرا - بالا بردن - "این" Execution Context - Hoisting - "this"

• زمینه اجرای جهانی - "این" Global Execution Context - "this"

• زمینه اجرا - ایجاد و بالا بردن Execution Context - Creation and Hoisting

• Execution Context - اجرا Execution Context - Execution

• اعلان تابع اعلان متغیر اصلی Function Declaration Overriding Variable Declaration

زنجیره دامنه Scope Chain

• معرفی Introduction

• زنجیره دامنه را درک کنید Understand the Scope Chain

بسته شدن Closures

• بسته شدن را درک کنید Understand Closures

• به روز رسانی مقادیر متغیرهای بیرونی (1) Update Values of Outer Variables (1)

• به روز رسانی مقادیر متغیرهای بیرونی (2) Update Values of Outer Variables (2)

• بسته شدن با حلقه های رویداد (1) Closures with Event Loops (1)

• بسته شدن با حلقه های رویداد (2) Closures with Event Loops (2)

• چالش تکرار Iteration Challenge

اشیاء (پیشرفته): کپسوله سازی و پنهان کردن اطلاعات Objects (Advanced): Encapsulation and Information Hiding

• چرا اطلاعات را پنهان می کنید؟ Why Would You Hide Information?

• از Closures برای مخفی کردن ویژگی ها و روش ها استفاده کنید Use Closures to Hide Properties and Methods

• از IIFE برای ایجاد ویژگی ها و روش های استاتیک خصوصی استفاده کنید Use IIFE to Create Private Static Properties and Methods

اشیاء (پیشرفته): وراثت و زنجیره اولیه Objects (Advanced): Inheritance and Prototype Chain

• آشنایی با نمونه اولیه (1) Understand the Prototype (1)

• درک نمونه اولیه (2) Understand the Prototype (2)

• وراثت و زنجیره اولیه: __proto__ Inheritance and PrototypeChain: __proto__

• Inheritance و PrototypeChain: Object.create Inheritance and PrototypeChain: Object.create

• Inheritance and PrototypeChain: Constructor Heritance Inheritance and PrototypeChain: Constructor Inheritance

• Inheritance and PrototypeChain: Extend Function Inheritance and PrototypeChain: Extend Function

• افزایش کلاس (1) Class Augmentation (1)

• افزایش کلاس (2) Class Augmentation (2)

• شبیه سازی اشیاء Object Cloning

اشیاء (پیشرفته): چالش های اشیاء Objects (Advanced): Objects Challenges

• چالش: Iteration و hasOwnProperty Challenge: Iteration and hasOwnProperty

• چالش: تکرار با استفاده از object.keys و forEach Challenge: Iteration Using object.keys and forEach

• چالش: getPrototypeOf و getOwnPropertyNames Challenge: getPrototypeOf and getOwnPropertyNames

• چالش: از زنجیره اولیه بالا بروید Challenge: Climb Up the Prototype Chain

اشیاء (پیشرفته): الگوهای تک تن و ماژول Objects (Advanced): Singleton and Module Patterns

• فاصله نام Namespacing

• الگوی سینگلتون Singleton Pattern

• کد مخصوص صفحه را بپیچید Wrap Page-Specific Code

• الگوی طراحی مدولار Modular Design Pattern

توابع (پیشرفته) Functions (Advanced)

• توابع اشیا هستند Functions Are Objects

• "استدلال" اموال The "arguments" Property

• Function.prototype.call Function.prototype.call

• Function.Prototype.apply Function.prototype.apply

• Function.Prototype.bind Function.prototype.bind

پروژه کامل حرفه ای: اپلیکیشن تست تایپ Full Professional Project: Typing Test App

• معرفی Introduction

• مراحل ساده شده Steps Simplified

• بازگشت به الزامات مشتری Back to Client Requirements

• طراحی عملکردی Functional Design

• الگوی طراحی مدولار Modular Design Pattern

• دسته بندی مدولار Modular Categorization

• ساختار ماژول داده Data Module Structure

• ساختار ماژول رابط کاربری UI Module Structure

• فرمت ساختار ورد فعلی Format Current Word Structure

• ساختار محاسبه نتایج Results Calculation Structure

• به روز رسانی زمان باقی مانده - ساختار Update Time Left - Structure

• ساختار ماژول گواهی Certificate Module Structure

• ساختار ماژول رویدادها Events Module Structure

• ساختار ماژول Words Words Module Structure

• مروری بر ماژول ها Overview of Modules

• برای نوشتن کد آماده شوید Get Ready to Write Code

• اسکلت و دکوراسیون برنامه (1) App Skeleton and Decoration (1)

• اسکلت و دکوراسیون برنامه (2) App Skeleton and Decoration (2)

• اسکلت و دکوراسیون برنامه (3) App Skeleton and Decoration (3)

• تابع init (ماژول رویدادها) init Function (Events Module)

• لیست کلمات تست (ماژول داده) را پر کنید Fill the List of Test Words (Data Module)

• یک آرایه را به هم بزنید Shuffle an Array

• اضافه کردن حروف بزرگ تصادفی Add Random Capitalization

• اضافه کردن علائم نگارشی تصادفی Add Random Punctuation

• لیست کلمات تست (1) را پر کنید (ماژول UI) Fill the List of Test Words (1) (UI Module)

• لیست کلمات تست (2) را پر کنید (ماژول UI) Fill the List of Test Words (2) (UI Module)

• راه‌اندازی زمان (داده‌ها و ماژول‌های رابط کاربری) Time Initialization (Data and UI Modules)

• انتقال به یک کلمه جدید (ماژول داده) Move to a New Word (Data Module)

• Active Word را تنظیم کنید و آن را قالب بندی کنید (ماژول UI) Set the Active Word and Format It (UI Module)

• یک کاراکتر تایپ کنید - شنونده رویداد Type a Character - Event Listener

• word.prototype.update(value) word.prototype.update(value)

• keydown در مقابل keyup در مقابل Keypress در مقابل رویدادهای ورودی keydown Versus keyup Versus Keypress Versus Input Events

• فرمت Active Word (ماژول UI) Format the Active Word (UI Module)

• فضای مطبوعاتی - رویداد Press Space - Event

• Active Word را به وسط نما اسکرول کنید Scroll the Active Word into the Middle of the View

• Enter را فشار دهید - با استفاده از Event Constructor یک رویداد جعلی ایجاد کنید Press Enter - Create a Fake Event Using the Event Constructor

• تست را راه اندازی کنید Launch the Test

• محاسبه کلمات در دقیقه و wpmChange (ماژول داده) Calculate Words Per Minute and wpmChange (Data Module)

• زمان باقی مانده (ماژول های داده و رابط کاربری) را به روز کنید Update the Time Left (Data and UI Modules)

• محاسبه کلیک در دقیقه و cpmChange (ماژول داده) Calculate Clicks Per Minute and cpmChange (Data Module)

• محاسبه Accuracy and accuracyChange (ماژول داده) Calculate Accuracy and accuracyChange (Data Module)

• به روز رسانی نتایج (ماژول UI) Update Results (UI Module)

• پایان تست و نمایش مدال (1) (ماژول های داده و رابط کاربری) End the Test and Show the Modal (1) (Data and UI Modules)

• پایان تست و نمایش مدال (2) (ماژول های داده و رابط کاربری) End the Test and Show the Modal (2) (Data and UI Modules)

• تولید گواهی PDF (1) (ماژول گواهی) Generate PDF Certificate (1) (Certificate Module)

• تولید گواهی PDF (2) (ماژول گواهی) Generate PDF Certificate (2) (Certificate Module)

• تولید گواهی PDF (3) (ماژول گواهی) Generate PDF Certificate (3) (Certificate Module)

ES6 - ES2015: مقدمه ES6 - ES2015: Introduction

• معرفی Introduction

ES6 - متغیرها و محدوده ES6 - Variables and Scoping

• بررسی بیانیه "var". Review of "var" Declaration

• "بگذارید" Scope و Temporal Dead Zone "let" Scope and Temporal Dead Zone

• Block Scoping در ES6 Block Scoping in ES6

• توابع و محدوده بلوک Functions and Block Scoping

• توابع و محدوده محدوده - از "let" استفاده کنید Functions and Block Scoping - Use "let"

• "اجازه دهید" محدوده در مقابل بسته شدن "let" Scope Versus Closures

• چالش تعطیلی Closures Challenge

• "const" - متغیرهای فقط خواندنی "const" - Read Only Variables

ES6 - ویژگی‌های مدرنی که تجربه کدنویسی شما را آسان‌تر می‌کند! ES6 - Modern Features That Will Make Your Coding Experience Easier!

• الفاظ الگو Template Literals

• توابع پیکان - "این" محدوده واژگانی Arrow Functions - "this" Lexical Scope

• تخریب - آرایه ها Destructuring - Arrays

• تخریب - اشیاء Destructuring - Objects

• تخریب - توابع Destructuring - Functions

• توابع - مقادیر پارامترهای پیش فرض Functions - Default Parameter Values

• توابع - پارامترهای استراحت Functions - Rest Parameters

• اپراتور گسترش Spread Operator

• Object Literals ویژگی های جدید Object Literals New Features

ES6 - ساختارهای داده جدید و تکرار (تکرار کننده ها، مولدها، نقشه ها، مجموعه ها) ES6 - New Data Structures and Iteration (Iterators, Generators, Maps, Sets)

• برای حلقه for of Loop

• Iterators، Generators و next() Iterators, Generators, and next()

• نقشه ها - تکرار Maps - Iteration

• مجموعه ها - تکرار Sets - Iteration

• مجموعه ها - چالش ها: تقاطع * تفاوت Sets - Challenges: Intersection * Difference

• نمادها Symbols

• نماد. تکرار کننده Symbol.iterator

ES6 - روش های آرایه مدرن ES6 - Modern Array Methods

• Array.from: مجموعه ها، رشته ها و آرگومان ها Array.from: collections, strings, and arguments

• Array.from: نقشه اختیاری، ویژگی length، Maps و Sets Array.from: optional map, length property, Maps, and Sets

• آرایه ای از() Array.of()

• روش های آرایه مدرن بیشتر More Modern Array methods

ES6 - کلاس‌ها (روش‌های استاتیک، دریافت‌کننده/تنظیم‌کننده، ارث بردن، گسترش، سوپر) ES6 - Classes (Static Methods, Getters/Setters, Inheritance, Extends, Super)

• بازگشت به سازندگان ES5 Back to ES5 Constructors

• نحو کلاس های ES6 ES6 Classes Syntax

• روش های استاتیک Static Methods

• گیرندگان و تنظیم کننده ها Getters and Setters

• وراثت کلاس - گسترش می یابد - super() Class Inheritance - extends - super()